<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>组件的生命周期</title>
</head>
<body>
<script src="../js/react.min.js"></script>
<script src="../js/react-dom.min.js"></script>
<script src="../js/JSXTransformer.js"></script>
<script type="text/jsx">
  "use strict"

  /* 初始化阶段
   getDefaultProps 只会在第一次执行 实例之间共享引用
   getInitialState 初始化每个实例的状态
   componentWillMount 装载 最后一次可以修改状态的机会
   render 只能访问this.props和this.state, 只有一个顶层组件，不允许修改状态和DOM输出
   componentDidMount 添加到页面上 可以操作DOM
   */

  /* 运行中
   componentWillReceiveProps 组件属性修改之前
   shouldComponentUpdate 组件是否需要更新 返回false 会阻止render
   componentWillUpdate 更新 不能再修改属性和状态
   render
   componentDidMount 添加到页面上
   */

  /* 销毁
   componentWillUnmount 在删除组件之前进行清理操作
   */


</script>
</body>
</html>